<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>DATE VERIFY</title>
		<script type="text/javascript">
			window.onload = function(){
				//这么写是为了实现js代码与html代码的分离，当我修改js时，不能影响html代码。
				document.getElementById("frm1").onsubmit = 
					function(){
						var d1 = this.d1.value;
						var d2 = this.d2.value;
						if(!verifyDate (d1)) {
							document.getElementById("msg").textContent="第一个日期格式不对";
							return false;
						}
						if(!verifyDate (d2)) {
							document.getElementById("msg").textContent="第二个日期格式不对";
							return false;
						}
						if(compareDate(d1,d2)>0) {
							document.getElementById("msg").textContent="第二个日期比第一日期小";
							return false;
						}else if(compareDate(d1,d2)< 0){
							document.getElementById("msg").textContent="第二个日期比第一日期大";
							return false;
						}else{
							document.getElementById("msg").textContent="日期相同";
							return false;
						}
					};
				}
			
				function compareDate(d1,d2){
					var arrayD1 = d1.split("-");
					var date1 = new Date(arrayD1[0],arrayD1[1],arrayD1[2]);
					var arrayD2 = d2.split("-");
					var date2 = new Date(arrayD2[0],arrayD2[1],arrayD2[2]);	
					if(date1 > date2) {
						return 1;
					}else if(date1<date2){
						return -1;
					}else{
						return 0;
					}
				}
				
				function verifyDate(d){
					//var datePattern = /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
					var regex = /^\d{4}-\d{1,2}-\d{1,2}$/;
					return regex.test(d);
				}
		</script>
	</head>
	<body>
		<a href="/test/index.jsp">首页</a>
		<hr color="red">
		<label style="color:blue">日期格式：1998-9-10</label>
		<form id="frm1" action="#">
			<input type="text" name="d1" /><br>
			<input type="text" name="d2" /><br>
			<input type="submit" value="提交" />
		</form>
		<br><label id="msg" style="color:red"></label>
		</body>
</html>


